<ui:composition template="#{facesContext.externalContext.requestContextPath}/../templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:composite="http://java.sun.com/jsf/composite">

	<ui:define name="comandos">
			<p:commandButton value="Fechar" action="#{fecharMesaFaces.fecharMesaAction}" id="btAbrir" styleClass="botaoPequeno" ajax="false" 
				disabled="#{fecharMesaFaces.clienteSelecionado == null or fecharMesaFaces.mesaSelecionada == null}" />
			<p:commandButton value="Voltar" rendered="#{fecharMesaFaces.exibeVoltar}" action="#{fecharMesaFaces.voltarAction}" styleClass="botaoPequeno" ajax="false" />
			<p:commandButton value="Cancelar" action="#{fecharMesaFaces.cancelarAction}" styleClass="botaoPequeno" ajax="false" />
	</ui:define> 
	  
	<ui:define name="titulopagina">
		<h:outputLabel value="#{fecharMesaFaces.titulo}" />
	</ui:define>
	
	<ui:define name="conteudo">
			<p:fieldset id="setMesa" legend="Selecione uma Mesa">
			<h:outputLabel value="Mesa Selecionada: Mesa numero " rendered="#{fecharMesaFaces.mesaSelecionada != null}"/>
			<b><h:outputLabel value="#{fecharMesaFaces.mesaSelecionada.mesa.id}" rendered="#{fecharMesaFaces.mesaSelecionada != null}" /></b>
			<h:outputLabel value=", com capacidade para " rendered="#{fecharMesaFaces.mesaSelecionada != null}"/>
			<b><h:outputLabel value="#{fecharMesaFaces.mesaSelecionada.mesa.capacidade}" rendered="#{fecharMesaFaces.mesaSelecionada != null}" /></b>
			<h:outputLabel value=" pessoas." rendered="#{fecharMesaFaces.mesaSelecionada != null}" /><br />
			<h:outputLabel value=" Aberta para o Cliente: " rendered="#{fecharMesaFaces.mesaSelecionada != null}" />
			<b><h:outputLabel value="#{fecharMesaFaces.mesaSelecionada.cliente.nome}" rendered="#{fecharMesaFaces.mesaSelecionada != null}" /></b>
			<h:outputLabel value=" em " rendered="#{fecharMesaFaces.mesaSelecionada != null}" />
			<b><h:outputLabel id="datalb" value="#{fecharMesaFaces.aberturaSelecionada.dataAbertura.time}." rendered="#{fecharMesaFaces.mesaSelecionada != null}" >
				<f:convertDateTime dateStyle="full" timeZone="EST" type="date" />
			</h:outputLabel></b>
			<p:dataTable value="#{fecharMesaFaces.listaMesasOcupada}" var="item" width="100%" border="1"
				rendered="#{fecharMesaFaces.mesaSelecionada == null}" >					
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Numero" />
						</f:facet>
					<h:outputLabel value="#{item.numero}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Capacidade" />
						</f:facet>
					<h:outputLabel value="#{item.capacidade}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Cliente" />
						</f:facet>
					<h:outputLabel value="#{item.cliente.nome}" />
				</p:column>				
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Acao" />
					</f:facet>
					<p:commandButton value="Selecionar" action="#{fecharMesaFaces.selecionarMesaAction}" ajax="false"
						styleClass="botaoPequeno" update=":form:setMesa"  >
						<f:setPropertyActionListener target="#{fecharMesaFaces.mesaSelecionada}" value="#{item}" />
					</p:commandButton>					
				</p:column>
				</p:dataTable>				
			</p:fieldset>
			<br />			
		<div style="clear:both;"></div>
	</ui:define>

</ui:composition>